﻿<!DOCTYPE html>
<html>
<head>
    <!--<meta charset="utf-8" />-->
    <title>@ViewBag.Title</title>
    <!-- stylesheet do site -->
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

    <!-- stylesheet default do jquery-->
    <link href="@Url.Content("~/Content/themes/base/jquery-ui.css")" rel="stylesheet" type="text/css" />
    <!-- jquery versão 1.9, MUITO IMPORTANTE PARA USAR O DATEPICKER --> 
    <script src="@Url.Content("~/Scripts/jquery-1.9.0.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.10.0.min.js")" type="text/javascript"></script>   

	<link rel="stylesheet" href="@Url.Content("~/Content/reset.css")" type="text/css" media="screen"/>
	<link rel="stylesheet" href="@Url.Content("~/Content/style.css")" type="text/css" media="screen"/>
	<link rel="stylesheet" href="@Url.Content("~/Content/grid.css")" type="text/css" media="screen"/>
	<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>
	<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'/>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:600' rel='stylesheet' type='text/css'/>
	<link rel="icon" href="images/favicon.ico" type="image/x-icon"/>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"/>
    
    
    <script src="http://maps-api-ssl.google.com/maps/api/js?sensor=false&libraries=geometry" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/modernizr-1.7.min.js")" type="text/javascript"></script>
    
    
	<script src="http://code.jquery.com/jquery-1.9.0.min.js" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.10.0.min.js")" type="text/javascript"></script>  
	<script src="@Url.Content("~/Scripts/superfish.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.hoverIntent.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/FF-cash.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/script.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/tms-0.3.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/tms_presets.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/jquery.equalheights.js")" type="text/javascript"></script>
	<script src="@Url.Content("~/Scripts/flashobject.js")" type="text/javascript"></script>

    <script type="text/javascript">
        /**
         * Função para marcar um botão como activo (navegar menu)
         * params botao_id O id do botão
         */
        function activarBotao(botao_id) {
            $('ul.menu').find('a').each(function () { this.id == botao_id ? $(this).addClass("active") : $(this).removeClass("active") })
        }

        /**
        * Função para marcar um botão como activo (navegar menu)
        * Ativa aumtomaticamente o menu do backoffice
        * params botao_id O id do botão
        */
        function activarBotaoAreaCliente(botao_id) {
            $($('ul.menu')[0]).hide();
            $($('ul.menu')[1]).show();

            activarBotao(botao_id)
        }
    </script>

</head>

<body>
    <div class="main">
        <!--==============================header=================================-->
        <header>
			<div class="wrapper indent-bottom">
			</div>
			<!--==============================menu=================================-->
			<nav>
				<ul class="menu">
					<li><a id="index" href="/" class="active">início</a></li>
					<li><a id="eventos" href="/Evento/SelecionarCategoria">eventos</a></li>
					<!--<li><a id="agenda" href="#">agenda</a></li>-->
					<li><a id="sobre" href="/Diversos/Sobre">sobre</a></li>
					<li><a id="contactos" href="/Diversos/Contactos">Contactos</a></li>
					<li class="last-item"><a id="areacliente" href="/Utilizador/Index">área cliente</a></li>
				</ul>
                <ul class="menu" style="display:none;">
					<li><a id="inicio_areacliente" href="/Utilizador/Index">início</a></li>
					<li><a id="conta" href="/Utilizador/Edit">Conta</a></li>
					<li><a id="novo_evento" href="/EventoManager/AddEvento">Novo evento</a></li>
					<li class="last-item"><a id="gerir_eventos" href="/EventoManager/EventosUtilizador">Gerir eventos</a></li>
                    <div align="right" style="padding:8px 10px 0 0;"><a id="logout" href="/"><h6 class="p1">sair da área de clientes</h6></a></div>
                </ul>
			</nav>
			<div class="clear"></div>
			<!--==============================slider=================================-->
			<div class="indent-top"></div>
		</header>
        <!--==============================content================================-->
        <section id="content">@RenderBody()</section>
        <!--==============================footer=================================-->
        <footer>
			<div class="wrapper">
				<div class="fleft">Climbing &copy; 2013&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="#">Politica de Privacidade</a></div>
				<div class="fright"><!-- {%FOOTER_LINK} --></div>
			</div>
		</footer>
    </div>
</body>
</html>
